/* navigation (horizontal subnavigation)
----------------------------------------------- */
ul.nav,
ul.nav * { margin:0; padding:0; background-image: none;;}
ul.nav { position:relative; max-width:100%; height: 40px; background: url(../images/menu_hor_btns.png) repeat-x left -40px; }
ul.nav li { cursor:pointer; float:left; text-align:center; list-style-type:none; font-weight:normal; font-size: 14px; position:relative; top:0; left:0; border-right: 1px solid #DBDBDB; }
ul.nav li ul { cursor:default; width:100%; max-width:100%; position:absolute; height:auto; top: 40px; background-position:0 0 !important; left:-9000px; }
ul.nav li ul li { padding:0; border:none; width:auto; max-width:none; }
ul.nav li a { color:#fff; text-decoration:none; display:block; float:left; padding:0 2em; height: 40px; line-height: 40px; white-space: nowrap; }
ul.nav li ul li a { font-size: 14px; position:relative !important; /* ie Mac */ cursor:pointer !important; white-space:nowrap; line-height:1.8em; height:1.8em; font-weight:normal; width:8em; text-align:left; color:#FFF; border-top:1px solid #FFF; background:#2C2D2D 0 50%; }
ul.nav li:hover a,
ul.nav li a:hover,
ul.nav li a:focus { color:#000; background: url(../images/menu_hor_btns.png) repeat-x left 0px; }
ul.nav li a:active { color:#fff; background: url(../images/menu_hor_btns.png) repeat-x left 0px; }
ul.nav li:hover ul { left:0; z-index:10 }
ul.nav li ul,
ul.nav li { }
ul.nav li:hover ul li a { color:#FFF; background: #616161; }
ul.nav li:hover ul li a:hover { color:#FFF; background-image: none; background-color:#7d9d12; }
ul.nav li:hover ul li a:active { color:#000; background:#BAE622; }
ul.nav li.current a { color:#666; background:#fff; cursor:default; font-weight:bold; }
ul.nav li.current ul { left:0; z-index:5 }
ul.nav li.current ul,
ul.nav li.current { background:#ccc !important }
ul.nav li.current ul li a { color:#444; background:#ccc; font-weight:normal; }
ul.nav li.current ul li a:hover { color:#000; background:#fff; }
ul.nav li ul li.current a,
ul.nav li ul li.current a:hover,
ul.nav li.current:hover ul li a:active { color:#666; background:#fff; }
